<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <style type="text/css">
    html,
    body {
        width: 100%;
    }
    #wrap {
        /*边距设置*/
        padding: 10px;
    }
    #wrap .box {background: #FFF; padding: 10px;margin-bottom: 10px;}
    #wrap .box h3 {color:#878787;}
    #wrap .box img {max-width: 100%;}
    </style>
</head>

<body>
    <div id="wrap">
        <div class="box">
        <img src="../image/demo.png" /><br />
        <h3>分解 | 世界那么大，我想去看看</h3>
        </div>
    </div>
    <div id="wrap">
        <div class="box">
        <img src="../image/demo.png" /><br />
        <h3>分解 | 世界那么大，我想去看看</h3>
        </div>
    </div>
    <div id="wrap">
        <div class="box">
        <img src="../image/demo.png" /><br />
        <h3>分解 | 世界那么大，我想去看看</h3>
        </div>
    </div>
    <div id="wrap">
        <div class="box">
        <img src="../image/demo.png" /><br />
        <h3>分解 | 世界那么大，我想去看看</h3>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<!-- <script type="text/javascript" src="../script/aui.js"></script> -->
<script type="text/javascript">
apiready = function() {

};
</script>

</html>
